.text-truncate-2 {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    height: var(line-height)*var(-webkit-line-clamp);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-truncate-3 {
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    height: var(line-height)*var(-webkit-line-clamp);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-truncate-4 {
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    height: var(line-height)*var(-webkit-line-clamp);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-truncate-5 {
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    height: var(line-height)*var(-webkit-line-clamp);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-truncate-6 {
    text-overflow: ellipsis;
    height: var(line-height)*var(-webkit-line-clamp);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}